<style>
    .page.article {
        font-size: 0.9em;
    }

    .areas {
        position:fixed;
        top:81px;
        left:0;
        width:100%;
        z-index: 1001;
    }

    .page__bd {
        z-index: 1001;
    }

        .page__bd #searchBar {
            z-index: 1001;
        }

        .page__bd .chooseModel {
            position: relative;
            background-color: #fff;
            z-index: 1001;
        }
</style>
<div class="page article js_show" ng-controller="StoreListCtrl">
    <div class="page__bd">
        <div class="weui-search-bar weui-search-bar_focusing" id="searchBar">
            <form class="weui-search-bar__form">
                <div class="weui-search-bar__box">
                    <i class="weui-icon-search"></i>
                    <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required />
                    <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
                </div>
                <label class="weui-search-bar__label" id="searchText">
                    <i class="weui-icon-search"></i>
                    <span>搜索</span>
                </label>
            </form>
            <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">搜索</a>
        </div>
        <div class="chooseModel ">
            <div class="weui-flex wrapper-xs b-b">
                <div class="weui-flex__item text-center b-r" style="" ng-click="showAreas_click()">
                    <div class="weui-flex">
                        <div class="weui-flex__item text-right" ng-show="currArea == undefined">区域</div>
                        <div class="weui-flex__item text-right" ng-show="currArea" ng-bind="currArea">区域</div>
                        <div class="weui-flex__item text-left" style="margin-top:3px;margin-left:6px;" ng-show="!showAreas"><img src="img/wx/store_list/unfold.png" /></div>
                        <div class="weui-flex__item text-left" style="margin-top:3px;margin-left:6px;" ng-show="showAreas"><img src="img/wx/store_list/packup.png" /></div>
                    </div>
                </div>
                <div class="weui-flex__item text-center b-r " ng-click="showBrands_click()">
                    <div class="weui-flex">
                        <div class="weui-flex__item text-right" ng-show="currBrand == undefined">品牌</div>
                        <div class="weui-flex__item text-right" ng-show="currBrand" ng-bind="currBrand">品牌</div>
                        <div class="weui-flex__item text-left" style="margin-top:3px;margin-left:6px;" ng-show="!showBrands"><img src="img/wx/store_list/unfold.png" /></div>
                        <div class="weui-flex__item text-left" style="margin-top:3px;margin-left:6px;"  ng-show="showBrands"><img src="img/wx/store_list/packup.png" /></div>
                    </div>
                </div>
                <div class="weui-flex__item text-center"><div class="placeholder">我的订单</div></div>
            </div>
        </div>
    </div>
    <div class="weui-mask" ng-show="showAreas || showBrands" ng-click="cancelMask_click()"></div>
    <div class="weui-cells weui-cells_radio areas m-t-none b-t-n"  ng-show="showAreas">
        <label class="weui-cell weui-check__label">
            <div class="weui-cell__bd">
                <p>全选</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" class="weui-check" name="area" ng-click="cancelSelectArea_click()">
                <span class="weui-icon-checked"></span>
            </div>
        </label>
        <label class="weui-cell weui-check__label" ng-repeat="item in areas">
            <div class="weui-cell__bd">
                <p>{{item.name}}</p>
            </div>
            <div class="weui-cell__ft">
                <input  type="radio" class="weui-check" name="area" value="{{item.name}}" ng-model="$parent.currArea">
                <span class="weui-icon-checked"></span>
            </div>
        </label>
    </div>
    <div class="weui-cells weui-cells_radio areas m-t-none" ng-show="showBrands">
        <label class="weui-cell weui-check__label">
            <div class="weui-cell__bd">
                <p>全选</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" class="weui-check" name="brand" ng-click="cancelSelectBrand_click()">
                <span class="weui-icon-checked"></span>
            </div>
        </label>
        <label class="weui-cell weui-check__label" ng-repeat="item in brands">
            <div class="weui-cell__bd">
                <p>{{item.name}}</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" class="weui-check" name="brand" ng-value="item.name" ng-model="$parent.currBrand">
                <span class="weui-icon-checked"></span>
            </div>
        </label>
    </div>
    <div class="page__bd">
        <div class="weui-cells" ng-repeat="item in storeList" style="margin-top:0px">
            <a class="weui-cell weui-cell_access">
                <div class="weui-cell__hd" ng-show="item.src != ''">
                    <img ng-src="{{item.src}}"  style="width:80%;margin-right:5px;display:block" />
                </div>
                <div class="weui-cell__hd" ng-show="item.src == ''">
                    <img src="img/wx/store_list/logo.png"  style="width:80%;margin-right:5px;display:block" />
                </div>
                <div class="weui-cell__bd">
                    <p><span class="page__title">{{item.name}}</span></p>
                    <p><span class="text-tips">电话:</span>&nbsp;&nbsp;<span class="page__desc">{{item.tel}}</span></p>
                    <p><span class="text-tips">地址:</span>&nbsp;&nbsp;<span class="page__desc">{{item.address}}</span></p>
                </div>
            </a>
        </div>
    </div>
</div>
